<template>
  <div id="console">
    <div class="phone">
        <span>预警手机号：</span>
        <Input/>        
    </div>
    <Button type="primary">
        设置
    </Button>
  </div>
</template>

<script>
import {Table,Input,Button} from 'view-ui-plus'
export default {
    components:{
        Table,Input,Button
    },
    data(){
        return {
            value:''
        }
    }
}
</script>
 
<style lang="less" scoped>
#console{
width: 90%;
margin-top: 4rem;
margin-bottom: 1rem;
margin-left: 5%;
display: flex;
justify-content: space-between;
    .phone{
        align-items: center;
    display:flex;
    justify-content: space-between;
    span{
        width:65%;
        text-align: left;

    }
   }
}
</style>
<style lang="less">
 .phone{
    .ivu-input-wrapper{
// width: 30%;
        .ivu-input{
            width: 100% !important;
        }
        .ivu-input-group-append{
            margin-right: 60%;
        }
    }
    }
</style>